@charset "utf-8";
/* CSS Document */

/*　PC表示の際ボトムメニューは表示させない設定　*/
@media screen and (max-width: 768px){
#sp_bottom_menu{
	width: 100%;
	height: auto;
	overflow: hidden;
}
}
@media screen and (min-width: 769px){
#sp_bottom_menu{
	display:none;
}
/*#bottom-menu{
	display:none;
}*/
.bottom-menu{
	display:none;
}	
}
/*-----------------------------------
　スマホ用最下部固定メニュー　bottom menu
------------------------------------*/


.mini-text{
	font-size:10px;
}

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:60px;
    margin:0;
    padding:0;
	background-color: #9a6e4a;
    z-index:30;
}

ul.bottom-menu li {
    float:left;
    width:25%;
	background-color: #9a6e4a;
    list-style-type:none;
    text-align:center;
    font-size:26px;
}

.bottom-menu li a {
    display: block;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:5px;
    line-height:20px;
    text-decoration:none;
}

.bottom-menu li a:hover {
    color:#ebe9d4;
		background-color: #6f5642;
}

/*@media(max-width: 480px){ 
#footer{margin-bottom:68px;}
}*/	
/*iphoneX用対策*/
@media screen and (max-width: 768px){
#bottom-menu{
   padding-bottom: env(safe-area-inset-bottom);
}
}
	
/*fontawesomeの文字大きさをクラス設定*/
.fa-small
{
	font-size: 20px ;
}
.mobile-fix-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
background-color: #9a6e4a;
}
.mobile-fix-nav .mobile-fix-nav-menu li a i {
  font-size: 22px;
  font-style: normal;
  margin-right: 0;
}